<template>
	<view class="content">
		<view class="status_bar"></view>
		<Head :webtext="webtext"></Head>
		<view class="body">
			<ul class="rType-list">
				<li @click="navto(url1)">
					<view class="bankimg"><img src="../../static/bankUnit.png" height="30" /></view>
					<view class="text">
						银行卡
						<span>成功率高，方便快捷</span>
					</view>
				</li>
			</ul>
		</view>
	</view>
</template>

<script>
import Head from '../../components/head.vue';
export default {
	components: {
		Head
	},
	data() {
		return {
			webtext: '赎回',
			url1: '/pages/mine/redeemBand',
		};
	},
	methods: {
		navto(url) {
			uni.navigateTo({
				url: url
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.rType-list {
	width: 100%;
	padding: 0;
	border-radius: 0 0 24upx 24upx;
	li {
		display: flex;
		justify-content: flex-start;
		height: 120upx;
		background: #31395e;
		line-height: 120upx;
		color: #f4f8ff;
		font-size: 28upx;
		margin-bottom: 20upx;
		position: relative;
		.text {
			width: calc(100% - 260upx);
			height: 100%;
			line-height: 120upx;
			color: #f4f8ff;
			font-size: 28upx;
			span {
				color: #999;
				font-size: 24upx;
				margin-left: 20upx;
			}
		}
		.bankimg {
			width: 140upx;
			height: 100%;
			padding-left: 20upx;
			text-align: left;
			display: flex;
			img{
				margin: auto;
			}
		}
		&::after {
			content: '';
			position: absolute;
			right: 30upx;
			top: calc(50% - 16upx);
			background: url(../../static/direct-right1.png) no-repeat center;
			width: 40upx;
			height: 40upx;
			background-size: contain;
		}
	}
}
</style>
